/*!* 配色使用示例 *!*/

/*!* 使用主色调 *!*/
/*.primary-color {*/
/*  color: var(--primary-color);*/
/*}*/

/*.primary-bg {*/
/*  background-color: var(--primary-color);*/
/*}*/

/*.primary-light-bg {*/
/*  background-color: var(--primary-light-color);*/
/*}*/

/*!* 使用辅助色 *!*/
/*.success-color {*/
/*  color: var(--success-color);*/
/*}*/

/*.success-bg {*/
/*  background-color: var(--success-color);*/
/*}*/

/*.warning-color {*/
/*  color: var(--warning-color);*/
/*}*/

/*.warning-bg {*/
/*  background-color: var(--warning-color);*/
/*}*/

/*.error-color {*/
/*  color: var(--error-color);*/
/*}*/

/*.error-bg {*/
/*  background-color: var(--error-color);*/
/*}*/

/*!* 使用文字颜色 *!*/
/*.text-primary {*/
/*  color: var(--text-primary);*/
/*}*/

/*.text-secondary {*/
/*  color: var(--text-secondary);*/
/*}*/

/*.text-placeholder {*/
/*  color: var(--text-placeholder);*/
/*}*/

/*!* 使用背景色 *!*/
/*.bg-primary {*/
/*  background-color: var(--bg-primary);*/
/*}*/

/*.bg-secondary {*/
/*  background-color: var(--bg-secondary);*/
/*}*/

/*!* 使用边框色 *!*/
/*.border {*/
/*  border: 1px solid var(--border-color);*/
/*}*/

/*.border-light {*/
/*  border: 1px solid var(--border-light-color);*/
/*}*/